@charset "utf-8";
/* CSS Document */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; } 

fieldset, img { border:none; } 
img{display: block;} 
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } 
ul, ol { list-style:none; } 
body { overflow-x:hidden; color:#333; padding:5px 0; font:12px "SimSun","微软雅黑","Arial Narrow",HELVETICA; background:#fff;}
a { color:#666; text-decoration:none; cursor:pointer;}
.l{ float:left;}
.r{ float:right;}
.wp{ margin:0 auto; width:1235px;}
body,html{ height:100%;}
.none{ display:none;}
.block{display:block;}
.content{ height:auto!important; height:200px; min-height:200px;}

.top-wp{ width:100%; height:32px; background:rgb(242,242,242); border-bottom:1px solid #aaa;}
.top{height:32px; position:relative;}
.top>p{height:32px; padding-top:5px; padding-left:20px;}
.top>p span{ float:left; padding:0 20px;color:rgb(153,153,153); line-height:22px;}
.top>p a{ float:left; line-height:22px; text-align:center; color:rgb(153,153,153);}
	.top .a1{ width:38px; height:22px; background:rgb(255,51,0); color:#fff; margin-right:12px;}
	.top .a1:hover{ color:#fff; }
	.top .a2{ margin-right:54px;}
	.top .a3{ margin-right:12px;}
	.top .a4{ margin-right:280px;}
	.top .a5{ margin-right:40px;}
	.top .a6{ margin-right:20px;}
	.top .a8{ margin-right:30px;}
	.top .a9{ margin-right:30px;}
	.top .a6{ color:#f00;}
.top>p a:hover{ color:#f00; text-decoration:underline;}	
#add{
	background:#fff;
	color:#666;
	padding:10px 5px;
	position:absolute;
	left:20px;
	top:22px;
	width:150px;
	height:auto;
	border:1px solid #ccc;	
	z-index:2;
	}
#add .addh{
	border-bottom:1px solid #ccc;
	line-height:30px;	
	}	
#addchecked{ font-weight:600; color:#000;}
#add ul li{ padding-left:20px; height:20px; cursor:pointer; width:100%; margin-top:10px;}
#add ul li a{float:left;line-height:20px; padding:0 10px;}
#add ul li a:hover{  background:#FF3300; }

#topshoucang{
	width:80px;
    height:60px;
	background:#fff;
	border:1px solid #ccc;	
	position:absolute;
	left:880px;
	top:22px;
	
	}
#topshoucang p{ line-height:30px; text-align:center;}

#topphone{
	width:150px;
    height:150px;
	background:#fff;
	
	border:1px solid #ccc;	
	position:absolute;
	left:940px;
	top:22px;
	}
	
#topshangjia{ 
	width:150px;
	height:200px;
	background:#fff;
	border:1px solid #ccc;
	position:absolute;
	left:1025px;
	top:22px;
	padding:10px;
	}
#topshangjia p{ line-height:30px; color:#000; font-weight:600;}
#topshangjia .p1{ color:rgb(153,153,153); font-weight:100; line-height:10px;}
#topshangjia div{ border-bottom:1px dashed #ccc; padding-bottom:10px;}
#topshangjia div:after{
	content:'.';
	display:block;
	width:100%;
	height:0;
	overflow:hidden;
	visibility:hidden;
	clear:both;	
	}
#topshangjia .topshangjia-t ul li{ width:70px; line-height:25px; float:left;}

#topnav{ width:100%; 
	height:100px; 
	border:1px solid #ccc; 
	background:#fff; 
	position:absolute;
	top:22px;
	padding:20px 0;
	border-top:0;	
	}
#topnav p{ font-size:14px; font-weight:600; line-height:30px;}
#topnav a:hover{ text-decoration:underline;}
#topnav div ul li{ width:80px; height:20px;  padding-top:10px;float:left;}
#topnav .topnav-l{ padding-left:30px; width:350px;}
#topnav .topnav-l a:hover{color:#F90;}
#topnav .topnav-c{ border-left:1px solid #ccc; border-right:1px solid #ccc; padding:0 30px; width:370px;}
#topnav .topnav-c a:hover{color:blue;}
#topnav .topnav-r{ padding-left:30px; width:380px;}
#topnav .topnav-r a:hover{color:#000;}
#topnav .p1{ color:#F90;}
#topnav .p2{ color:blue;}
.topnone{ display:none;}


/*-----------------------------以上为网页头部css文件------------------------------------------------------*/

.header-wp{ width:100%; height:158px; border-bottom:2px solid rgb(227,25,57);}
.header{ height:158px;}
.header-top{ height:120px;}
.header-top h1{ width:380px; height:120px;overflow:hidden;}
.header-top h1 a,.header-top h1 span{ float:left;}
#logoadd{font-size:22px; padding-top:65px; color:rgb(247,148,28)}

.header-form{ height:120px;width:540px;}
.header-form .p1{ padding-top:20px; height:26px;}
.header-form .p1 a{ float:left; padding:7px 12px 7px 12px; cursor:pointer;}

.header-form .p1 .a1{ background:rgb(227,25,57); color:#fff;}
.header-form .p2{ width:535px; height:32px; border:2px solid rgb(227,25,57); margin-bottom:8px;}
.header-form .p2 input{ float:left;}
#sousuo-txt{ width:442px; height:30px; padding-left:5px; border:0;}
#sousuo-btn{ width:87px; height:32px; background:rgb(227,25,57); color:#fff; border:0;}
.header-top-r{ width:275px; height:80px; padding-top:40px; padding-left:40px;}
.header-top-r a{ float:left; margin-right:20px;}

.header-bottom{ height:38px; width:100%;}
.header-bottom p{ width:210px; float:left; height:38px; cursor:pointer; line-height:38px; background:rgb(227,25,57); color:#fff; text-align:center;}
.header-nav li{ float:left;}
.header-nav li a{ display:block; padding:12px 25px;}
.header-nav li a:hover{ color:rgb(227,25,57);}







/*------------------以上为网页头部搜索栏部分---------------------------------------*/
.bottom-wp{ width:100%; height:254px; border-bottom:1px solid rgb(223,223,223); background:rgb(250,250,250);}
.bottom{ height:190px; padding:20px 0 44px 0;}
.bottom ul{ float:left; height:190px; text-align:center; width:189px; border-right:1px solid rgb(223,223,223)}
.bottom ul .li-first{ font-size:16px;}
.bottom ul .li-first a:hover{ color:rgb(109,109,109); text-decoration:none;}
.bottom ul li{ margin-bottom:12px;}
.bottom ul li a{ color:rgb(109,109,109);}
.bottom ul li a:hover{text-decoration:underline; color:rgb(255,74,0) }
.bottom-r{ width:280px; height:190px; text-align:center;}
.bottom-r .p1{ font-size:24px; color:rgb(227,25,57); margin-bottom:13px; font-weight:600;}
.bottom-r .p2{ color:rgb(109,109,109); margin-bottom:10px;}
.bottom-r a{ display:block; width:120px; height:30px; background:rgb(255,74,0); text-align:center; line-height:30px; color:#fff; margin:0 auto;}

/*-------------以上为底部导航部分，属于公共部分，使用时，注意修改路径----------------------------------------------------*/

.footer-top-wp{ width:100%; height:60px; padding-top:20px; background:rgb(250,250,250);}
.footer-top{ height:60px;}
.footer-top ul{ padding-left:160px; width:770px; height:46px; margin:0 auto; background:url(../images/footer-top.jpg) no-repeat left;}
.footer-top ul li{ padding:10px 20px 0 45px; height:36px; float:left;}
.footer-top ul .li-1{ background:url(../images/fotter-top-1.jpg) no-repeat left;}
.footer-top ul .li-2{ background:url(../images/fotter-top-2.jpg) no-repeat left;}
.footer-top ul .li-3{ background:url(../images/fotter-top-3.jpg) no-repeat left;}
.footer-top ul .li-4{ background:url(../images/fotter-top-4.jpg) no-repeat left;}
.footer-top ul .li-5{ background:url(../images/fotter-top-5.jpg) no-repeat left;}
.footer-top ul .li-6{ background:url(../images/fotter-top-6.jpg) no-repeat left;}
.footer-top ul li p{ margin-bottom:5px;}
.footer-top ul li .p2{ color:rgb(253,85,0)}


/*------------------以上为网页足部上边部分，使用时注意修改路径问题------------------------------------------------*/
.footer-bottom-wp{ width:100%; height:100px; background:rgb(250,250,250);}
.footer-bottom{ height:100px; text-align:center;}
.footer-bottom p{ white-space:nowrap; line-height:24px; color:rgb(102,102,102)}
.footer-bottom p a:hover{text-decoration:underline; color:rgb(255,74,0)}
/*--------------以上为网页足部版权信息部分----------------------------------------------*/

.bodyRight{ width:35px; height:100%; padding-top:40px; background:rgba(0,0,0,.8); position:fixed; right:0; top:0;}
.bodyRight li{ cursor:pointer; overflow:hidden; color:#fff; text-align:center; margin-top:25px;}
.bodyRight li p{ width:35px; height:40px; background:#CC33FF; text-align:center;}
.bodyRight .li1{ height:35px; background:url(../images/body-right-1.jpg) no-repeat center;}
.bodyRight .li2{ width:35px;height:40px; }

.bodyRight .li3{ width:35px;height:40px;}
.bodyRight .li3 .p1{ background:url(../images/body-right-2.jpg) no-repeat top; padding-top:25px; height:15px;}
.bodyRight .li3 .p2{ background:rgb(196,0,0);}

.bodyRight .li4 { background:url(../images/body-right-3.jpg) no-repeat top; width:35px; padding-top:25px; height:100px;padding-left:10px; padding-right:10px; width:15px;}
.bodyRight .li4 a{ color:#fff;}
.bodyRight .li4 #canNum{ color:#F00;}

.bodyRight .li4-1 { background:rgb(194,0,3) url(../images/body-right-3-1.jpg) no-repeat top; width:35px; padding-top:25px; height:100px;padding-left:10px; padding-right:10px; width:15px;}
.bodyRight .li4-1 a{ color:#fff;}




.bodyRight .li5{ width:35px; height:40px;}
.bodyRight .li5 .p1{ background:url(../images/body-right-4.jpg) no-repeat top; padding-top:25px; height:15px;}
.bodyRight .li5 .p2{ background:rgb(196,0,0);}
.bodyRight .li6{ width:35px;height:40px;}
.bodyRight .li6 .p1{ background:url(../images/body-right-5.jpg) no-repeat top; padding-top:25px; height:15px;}
.bodyRight .li6 .p2{ background:rgb(196,0,0);}
.bodyRight .li7{ width:35px;height:40px;}
.bodyRight .li7 .p1{ background:url(../images/body-right-6.jpg) no-repeat top; padding-top:25px; height:15px;}
.bodyRight .li7 .p2{ background:rgb(196,0,0);}


.bodyRightDiaocha{ width:200px; height:100px; position:fixed; right:30px; top:200px; background:#fff;  border:1px solid #ccc;}
.bodyRightCar{
	width:320px;
	height:auto!important;
	min-height:200px;
	border:1px solid #ccc;
	background:#fff;
	padding:0 10px;	
	position:fixed; 
	top:250px;
	right:30px;
	}
.bodyRightCar dl{ height:60px; position:relative;}
.bodyRightCar dl dt,.bodyRightCar dl dd{ float:left; height:60px;}	
.bodyRightCar dl dt img{ width:60px; height:60px;}
.bodyRightCar dl dt{ width:60px; height:60px;}
.bodyRightCar dl dd{ padding-left:30px; width:200px; padding-top:20px; height:40px;}	
.bodyRightCar dl span{ position:absolute; 
	right:0; 
	top:0; 
	display:block; 
	width:20px; height:20px; 
	background:#ccc; color:#f00;
	text-align:center;
	font-size:20px;
	line-height:20px;
	cursor:pointer;
	}	
/*-----------------以上为右边栏购物车部分-----------------------------------------*/
.bodyRightCar h2{ height:50px; border-bottom:1px solid #ccc; font-size:12px;}
.bodyRightCar h2 p,.bodyRightCar h2 a{ float:left;}
.bodyRightCar h2 p{ line-height:50px; padding-right:35px;}
.bodyRightCar h2 a{ width:100px; height:30px; background:rgb(255,100,0); text-align:center; line-height:30px; margin-top:10px;}
.bodyRightCar h2 a{ color:#fff;}
.bodyRightCar h2 p span{ color:rgb(255,100,0);}

.bodyRightWeixin{ 
	width:147px; 
	height:150px;
	padding:10px;
	position:fixed;
	top:500px;
	right:30px;
	background:#fff url(../images/bodyRightWeixin.png) no-repeat center;
	border:1px solid #ccc;	
	}
.bodyRightWeixin p{padding-top:130px; text-align:center;}

.bodyRightHuiyuan{
	width:260px;
	min-height:140px;
	height:auto;
	background:#fff;
	border:1px solid #ccc;	
	position:fixed;
	right:30px;
	top:70px;
	padding:0 10px;
	}
.bodyRightHuiyuan>.p2{
	padding-top:10px;
	}
.bodyRightHuiyuan .formload{
	
	width:240px; margin:10px;
	height:200px;
	}	
.bodyRightHuiyuan .formload p{ line-height:30px;}
#Name,#Paw{width:240px; height:30px;}
.bodyRightHuiyuan .formload .p4{ background:rgb(227,25,57); cursor:pointer; color:#fff; text-align:center;}	
	
.bodyRightHuiyuan>.p1{ border-bottom:1px solid #ccc; height:49px; font-size:24px; color:rgb(227,25,57); line-height:50px;}

.bodyRightHuiyuan ul{ height:80px;}
.bodyRightHuiyuan ul li{  float:left;}
.bodyRightHuiyuan ul li a{ display:block;width:80px; padding-left:25px; margin-top:15px;}
.bodyRightHuiyuan ul li .a1{ background:url(../images/bodyrighthuiyuan-1.jpg) no-repeat left center;}
.bodyRightHuiyuan ul li .a2{ background:url(../images/bodyrighthuiyuan2.jpg) no-repeat left center;}
.bodyRightHuiyuan ul li .a3{ background:url(../images/bodyrighthuiyuan3.jpg) no-repeat left center;}
.bodyRightHuiyuan ul li .a4{ background:url(../images/bodyrighthuiyuan4.jpg) no-repeat left center;}

.bodyRightXiaoshou{
	width:170px; 
	height:140px;
	background:#fff;
	border:1px solid #ccc;
	position:fixed;
	top:120px;
	right:30px;
	padding:0 20px;
	}
.bodyRightXiaoshou .p1{ line-height:40px; font-weight:600;}	
.bodyRightXiaoshou .p2{ padding-left:35px; height:40px; border-bottom:1px solid #ccc; line-height:40px; background:url(../images/bodyRightXiaoshou1.jpg) no-repeat left center;}
.bodyRightXiaoshou .p3{ padding-left:35px;height:40px; background:url(../images/bodyRightXiaoshou2.jpg) no-repeat left center; line-height:35px;}
.bodyRightNone{ display:none;}


























	